<@override name="title">用户管理</@override> <@override name="styles">
<link rel="stylesheet" type="text/css"
    href="${request.contextPath}/plugins/bootstrap/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/plugins/jquery/jquery.page.css">
<style>
.table-links {
  max-height: 40px;
}
.bg-white {
    background-color: white !important;
}

.form-inline .form-group {
    margin-top: 20px; margin-right: 30px;
}

.form-btn-group {
    text-align: center; margin: 20px;
}
.info label{margin-right: 1em;}

</style>
</@override> <@override name="content">
<div>
    <ul class="breadcrumb">
        <li><a href="#" id="navTitle">报名管理</a></li>
        <li><a href="#">用户管理</a></li>
    </ul>
    <form class="form-inline" action="./select" role="form" id="queryForm" method="post">
        <div class="hidden">
            <input type="hidden" name="pageNo" value="1">
        </div>
        <div class="form-group">
            <label for="name">姓名</label> <input type="text" class="form-control" name="name" placeholder="按姓名模糊搜索">
        </div>
        <div class="form-group">
            <label for="mobile">手机号</label> <input type="text" class="form-control" name="mobile" placeholder="按手机号模糊搜索">
        </div>
        <div class="form-group">
            <label>创建时间</label>
            <div class="input-group">
                <input type="text" class="form-control bg-white js-date" readonly="readonly" name="startDate"
                    placeholder="开始日期">
                <span class="input-group-addon bg-white">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
            <span>-</span>
            <div class="input-group">
                <input type="text" class="form-control bg-white js-date" readonly="readonly" name="endDate"
                    placeholder="结束日期">
                <span class="input-group-addon bg-white">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
        <div class="form-btn-group">
            <button type="reset" class='btn btn-default'>重置</button>
            <button type="button" class='btn btn-success js-submit'>查询</button>
            <a class='btn btn-info js-export' href="javascript:void(0);" download="用户信息">导出</a>
        </div>
    </form>
    <div class="info" id="statisticsContainer">
    <label>总人数：<span class="js-total text-primary"></span></label>
    </div>
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th>姓名</th>
                <th>手机号</th>
                <th>邮箱</th>
                <th>国籍</th>
                <th>区号</th>
                <th>工作单位</th>
                <th>创建时间</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody id="dataContainer">
        </tbody>
        <tbody class="js-no-result">
            <tr>
                <td colspan="8" align="center">没有查询到记录</td>
            </tr>
        </tbody>
    </table>
    <div class="tcdPageCode" style="text-align: right;" id="pageContainer"></div>
</div>
</@override> <@override name="scripts">
<script type="text/javascript" src="${request.contextPath}/plugins/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/plugins/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="${request.contextPath}/plugins/jquery/jquery.form.js"></script>
<script type="text/javascript" src="${request.contextPath}/plugins/jquery/jquery.page.js"></script>
<script type="text/javascript" src="${request.contextPath}/js/bg/common.action.js"></script>
<script type="text/javascript" src="${request.contextPath}/js/bg/player.list.js"></script>
</@override> <@extends name="../base.html" />
